<!DOCTYPE html>
<html lang="zh-Hans">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../css/materialize.css">
  <style>

  </style>
</head>
<body>
<table class="bordered striped highlight centered">
  <thead>
  <tr>
    <th>卡种
    <th>
    <th>账单日</th>
    <th>还款日</th>
    <th>额度</th>
    <th>目前待还</th>
    <th>
      <div class="input-field">
      <input type="text" id=name><label for="name">name</label>
    </div></th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <th>中信</th>
    <td>9</td>
    <td>29</td>
    <td>35000</td>
    <td>0</td>
  </tr>
  <tr>
    <th>建行</th>
    <td>24</td>
    <td>13</td>
    <td>22000</td>
    <td>0</td>
  </tr>
  <tr>
    <th>民生</th>
    <td>12</td>
    <td>1</td>
    <td>22000</td>
    <td>0</td>
  </tr>
  <tr>
    <th>招行</th>
    <td>14</td>
    <td>2</td>
    <td>12000</td>
    <td>0</td>
  </tr>
  <tr>
    <th>浦发</th>
    <td>1</td>
    <td>20</td>
    <td>5000</td>
    <td>0</td>
  </tr>
  </tbody>
</table>
</body>
</html>

<script src="../js/materialize.js"></script>